import React from 'react';
import AvatarInfo from './components/AvatarInfo';
import styles from './index.less';
import BasicInfo from "@/pages/customer/information/components/Profile/components/BasicInfo";
import ContactInfo from "@/pages/customer/information/components/Profile/components/ContactInfo";
import FavouriteIcon from "@/pages/customer/information/components/Profile/components/FavouriteIcon";
import DetailInfo from "@/pages/customer/information/components/Profile/components/DetailInfo";


export interface ProfileProps {
  [propName: string]: any;
}

const Profile: React.FC<ProfileProps> = (props) => {

  return (
    <div className={styles.card}>
      <FavouriteIcon />
      <DetailInfo/>
      <div style={{ width: '100%', textAlign: 'center' }}>
        <AvatarInfo customerInfo={props.customerInfo}/>
      </div>
      <div className={styles.profile}>
        <ContactInfo style={{marginBottom:'10px'}}/>
        <BasicInfo customerInfo={props.customerInfo}/>
      </div>
    </div>
  );
};

export default Profile;
